<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<%@ page isELIgnored="false"%>
<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>登录界面</title>
		<!-- 引入样式 -->

		<link rel="stylesheet" href="../plugins/elementui/index.css">

		<link rel="stylesheet" href="../plugins/font-awesome/css/font-awesome.min.css">

		<link rel="stylesheet" href="../css/style.css">

		<link rel="stylesheet" href="../res/layui/css/layui.css">
		<link rel="stylesheet" href="../res/css/global.css">
		<script src="../res/layui/layui.js"></script>
<%--		<style>--%>
<%--			.container {--%>
<%--				width: 300px;--%>
<%--				padding: 16px;--%>
<%--				background-color: white;--%>
<%--				margin: 100px auto;--%>
<%--				border: 1px solid black;--%>
<%--				border-radius: 4px;--%>
<%--			}--%>

<%--			input[type=text], input[type=password] {--%>
<%--				width: 100%;--%>
<%--				margin: 8px 0;--%>
<%--				padding: 12px 20px;--%>
<%--				display: inline-block;--%>
<%--				border: 1px solid #ccc;--%>
<%--				box-sizing: border-box;--%>
<%--			}--%>

<%--			button {--%>
<%--				background-color: #4CAF50;--%>
<%--				color: white;--%>
<%--				padding: 14px 20px;--%>
<%--				margin: 8px 0;--%>
<%--				border: none;--%>
<%--				cursor: pointer;--%>
<%--				width: 100%;--%>
<%--			}--%>

<%--			button:hover {--%>
<%--				opacity: 0.8;--%>
<%--			}--%>
<%--		</style>--%>
	</head>

	<body>
		<iframe src="head.html" scrolling="no" width="100%" height="65px"></iframe>
<!--		<div class="main layui-clear">-->
<!--			<div class=" layui-container fly-marginTop">-->
<!--				<div class="fly-panel fly-panel-user" pad20="">-->
<!--					-->
<!--				</div>-->
<!--			</div>-->
<!--		</div>-->
		<div class="layui-tab layui-tab-brief" lay-filter="user">
			<ul class="layui-tab-title">
				<li class="layui-this">登入</li>
				<li>
					<a href="register.html">注册</a>
				</li>
			</ul>
<!--			&lt;!&ndash;						<div class="layui-form layui-tab-content" id="LAY_ucm" style="padding: 300px 0;">&ndash;&gt;-->



<!--			&lt;!&ndash;&lt;!&ndash;									<form method="post">&ndash;&gt;&ndash;&gt;-->
<!--			&lt;!&ndash;&lt;!&ndash;										<div class="layui-form-item"> <label for="L_email" class="layui-form-label">用户名</label>&ndash;&gt;&ndash;&gt;-->
<!--			&lt;!&ndash;&lt;!&ndash;											<div class="layui-input-inline"> <input type="text" id="userName" name="userName" required=""  placeholder="请输入用户名" lay-verify="required" autocomplete="off" class="layui-input"> </div>&ndash;&gt;&ndash;&gt;-->
<!--			&lt;!&ndash;&lt;!&ndash;										</div>&ndash;&gt;&ndash;&gt;-->
<!--			&lt;!&ndash;&lt;!&ndash;										<div class="layui-form-item"> <label for="L_pass" class="layui-form-label">密码</label>&ndash;&gt;&ndash;&gt;-->
<!--			&lt;!&ndash;&lt;!&ndash;											<div class="layui-input-inline"> <input type="password" id="L_pass" name="pass"  placeholder="请输入密码" required="" lay-verify="required" autocomplete="off" class="layui-input"> </div>&ndash;&gt;&ndash;&gt;-->
<!--			&lt;!&ndash;&lt;!&ndash;										</div>&ndash;&gt;&ndash;&gt;-->
<!--			&lt;!&ndash;&lt;!&ndash;										<div class="layui-form-item"> <button class="layui-btn" lay-filter="*" lay-submit="">立即登录</button> <span style="padding-left:20px;"> &ndash;&gt;&ndash;&gt;-->

<!--			&lt;!&ndash;&lt;!&ndash;									</form>&ndash;&gt;&ndash;&gt;-->
<!--			&lt;!&ndash;								</div>&ndash;&gt;-->
<!--			&lt;!&ndash;							</div>&ndash;&gt;-->
<!--			&lt;!&ndash;						</div>&ndash;&gt;-->
<!--		</div>-->

		<div id="app">
			<div class="container">
				<label for="uname"><b>用户名</b></label>
				<input type="text" v-model="message" placeholder="输入用户名" id="uname" required>

				<label for="psw"><b>密码</b></label>
				<input type="password" placeholder="输入密码" id="psw" required>

				<button type="submit" v-on:click="login()">登录</button>
			</div>

		</div>



	</body>
	<!-- 引入组件库 -->

	<script src="../js/vue.js"></script>

	<script src="../plugins/elementui/index.js"></script>

	<script type="text/javascript" src="../js/jquery.min.js"></script>

	<script src="../js/axios-0.18.0.js"></script>

	<script>
		new Vue({
			el: '#app',
			data: {
				message: 'hy!'
			},
			methods:{
				login: function (){
					axios.get()
				}
			}
		})
	</script>
</html>